.panel, .pane {
  height: 100%;
  width: 100%;
}

.ide-container ::ng-deep {
  .ant-tabs {
    height: 100%;
    color: rgba(163, 163, 163, 0.85);
  }
  .ant-tabs-bar {
    border-bottom: none;
    margin: 0;
    .ant-tabs-tab {
      background: #333333;
      border-color: #444;
      border-top: none;
      border-radius: 0;
      .ant-tabs-close-x {
        color: rgba(255, 255, 255, 0.5);
      }
    }
    .ant-tabs-tab-active {
      background: #222222;
      border-color: #333333;
    }
    .ant-tabs-nav-wrap {
      background-color: #333333;
    }
  }
  .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    .ant-tabs-tabpane {
      height: 100%;
    }
  }

  .terminal-container {
    width: 100%;
    height: 100%;
    background-color: #00695b;
  }
}


.terminal-container {
  width: 100%;
  height: 100%;
  padding: 8px;
  background-color: #002938;
}

.panel-bg{
  background: #002938;
}
